<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/styles.css" />
</head>
<body>
{% include 'top.html' %}
<div class="leftDiv">
{% if isAdmin %}
<a href="/createMatch">New match</a><br/>
{% endif %}
</div>
<div class="centerDiv">
<div class="foosMatches">
<h1>Available matches:</h1>
{% for match in unplayedMatchList %}
<a href="/match?key={{match[0]}}">{{ match[1] }}</a>{% if isAdmin %} <a class="deleteMatchBtn" href="/deleteMatch?matchKey={{match[0]}}"><img src="images/red-cross-md.png" alt="Delete match" width="10" height="10" /></a> {% endif %}<br/>
{% endfor %}
<h1>Played matches:</h1>
{% for match in playedMatchList %}
<a href="/match?key={{match[0]}}">{{ match[1] }}</a>{% if isAdmin %} <a href="/deleteMatch?matchKey={{match[0]}}"><img src="images/red-cross-md.png" alt="Delete match" width="10" height="10" /></a> {% endif %}<br/>
{% endfor %}
</div>
</div>
</body>
</html>